var dayjs = require('dayjs');

Component({
    options:{
        styleIsolation:'isolated'
    },
    properties:{
        data:{
            type:Array,
            value:[]
        },
        defaultIndex:{
            type:String,
            value:""
        },
        width:{
            type:Number,
            value:0
        }
    },
    data:{
        dataIndex:'',
        isOpen:false
    },
    lifetimes: {
        attached(){
            this.setData({
                dataIndex:this.properties.defaultIndex
            })
        }
    },
    methods: {
        confirm_date_item(e){

            if(this.data.dataIndex === ''){
                return;
            }

            this.triggerEvent("confirm", this.data.data[e.detail.value]);
            this.setData({
                isOpen:false,
                dataIndex:e.detail.value
            })
        },
        cancel_date_item(){
            this.setData({
                isOpen:false
            })
        },
        open_date_item(){
            this.setData({
                isOpen:true
            })
        }
    }
})
